www.gusucode.com > 智睿学校网站管理系统 V2.20 > 智睿学校网站管理系统 V2.20\code\admin\Font_Color.asp
<div id="colorpanel" style="position: absolute; left: 0; top: 0; z-index: 2;" ></div> <script> var ColorHex=new Array('00','33','66','99','CC','FF') var SpColorHex=new Array('FF0000','00FF00','0000FF','FFFF00','00FFFF','FF00FF') var current=null function intocolor(dddd,ssss,ffff) { var colorTable='' for (i=0;i<2;i++) { for (j=0;j<6;j++) { colorTable=colorTable+'<tr height=12>' colorTable=colorTable+'<td width=11 style="background-color:#000000">' if (i==0){ colorTable=colorTable+'<td width=11 style="background-color:#'+ColorHex[j]+ColorHex[j]+ColorHex[j]+'">'} else{ colorTable=colorTable+'<td width=11 style="background-color:#'+SpColorHex[j]+'">'} colorTable=colorTable+'<td width=11 style="background-color:#000000">' for (k=0;k<3;k++) { for (l=0;l<6;l++) { colorTable=colorTable+'<td width=11 style="background-color:#'+ColorHex[k+i*3]+ColorHex[l]+ColorHex[j]+'">' } } } } colorTable='<table width=253 border="0" cellspacing="0" cellpadding="0" style="border:1px #000000 solid;border-bottom:none;border-collapse: collapse" bordercolor="000000">' +'<tr height=30><td colspan=21 bgcolor=#000000>' +'<table cellpadding="0" cellspacing="1" border="0" style="border-collapse: collapse">' +'<tr><td width="3"><td><input type="text" name="DisColor" size="6" disabled style="border:solid 1px #000000;background-color:#ffff00"></td>' +'<td width="3"><td><input type="text" name="HexColor" size="7" style="border:inset 1px;font-family:Arial;" value="#000000"> 移动鼠标选择颜色</td></tr></table></td></table>' +'<table border="1" cellspacing="0" cellpadding="0" style="border-collapse: collapse" bordercolor="000000" onmouseover="doOver()" onmouseout="doOut()" onclick="doclick(\''+dddd+'\',\''+ssss+'\',\''+ffff+'\')" style="cursor:hand;">' +colorTable+'</table>'; colorpanel.innerHTML=colorTable } function doOver() { if ((event.srcElement.tagName=="TD") && (current!=event.srcElement)) { if (current!=null){current.style.backgroundColor = current._background} event.srcElement._background = event.srcElement.style.backgroundColor DisColor.style.backgroundColor = event.srcElement.style.backgroundColor HexColor.value = event.srcElement.style.backgroundColor event.srcElement.style.backgroundColor = "white" current = event.srcElement } } function doOut() { if (current!=null) current.style.backgroundColor = current._background } function doclick(dddd,ssss,ffff){ if (event.srcElement.tagName=="TD"){ eval(dddd+"."+ssss).value=event.srcElement._background eval(ffff).style.color=event.srcElement._background colorxs.style.backgroundColor=event.srcElement._background return event.srcElement._background } } var colorxs function colorcd(dddd,ssss,ffff){ colorxs=window.event.srcElement var rightedge = document.body.clientWidth-event.clientX; var bottomedge = document.body.clientHeight-event.clientY; if (rightedge < colorpanel.offsetWidth) colorpanel.style.left = document.body.scrollLeft + event.clientX - colorpanel.offsetWidth; else colorpanel.style.left = document.body.scrollLeft + event.clientX; if (bottomedge < colorpanel.offsetHeight) colorpanel.style.top = document.body.scrollTop + event.clientY - colorpanel.offsetHeight; else colorpanel.style.top = document.body.scrollTop + event.clientY; colorpanel.style.visibility = "visible"; window.event.cancelBubble=true intocolor(dddd,ssss,ffff) return false } document.onclick=function(){ document.getElementById("colorpanel").style.visibility='hidden' } </script>